<template>
    <vue-simplebar>
        <div class="page-container">
            <el-tabs v-model="activeName" class="-mt-3">
                <el-tab-pane v-for="(item, index) in $t('stats.risk.slo.classifyList')"
                             :key="index" :label="item.label" :name="item.value"></el-tab-pane>
            </el-tabs>
            <!--统计【玩家】-->
            <stats-player :active-name="activeName" v-show="activeName == 'player'"></stats-player>
            <!--统计【游戏】-->
            <stats-game :active-name="activeName" v-show="activeName == 'game'"></stats-game>
            <!--统计【平台游戏】-->
            <stats-org-game :active-name="activeName" v-show="activeName == 'org-game'"></stats-org-game>
            <!--统计【灯号配置】-->
            <stats-config :active-name="activeName" v-show="activeName == 'config'"></stats-config>
        </div>
    </vue-simplebar>
</template>

<script>
import StatsPlayer from './player/Index.vue'
import StatsGame from './game/Index.vue'
import StatsOrgGame from './org-game/Index.vue'
import StatsConfig from './config/Index.vue'

export default {
    components: {
        StatsPlayer,
        StatsGame,
        StatsOrgGame,
        StatsConfig,
    },
    data() {
        return {
            activeName: 'player',
        }
    },
}
</script>

<style lang="scss">

</style>
